<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--一-->
		<section>
			<div class="web">
				<div class="fot"><img src="img/img7.png" /></div>
				<div class="CoolDog clearfix">
					<div class="CoolDog_img">
						<img src="img/img1.png" />
					</div>
				</div>
				<div class="GuessTheSong">
					<div class="GuessTheSong_box">
						<div class="GuessTheSong_top son zoomInRight animated infinite">
							<img src="img/img2.png" />
						</div>
						<div class="GuessTheSong_bottom son zoomIn animated infinite">
							<img src="img/img3.png" />
						</div>
					</div>
					<div class="BigMouth">
						<div class="BigMouth_box son zoomInDown animated infinite">
							<img src="img/img4.png" />
						</div>
					</div>
					<div class="figure">
						<div class="figure_box son flipInY animated">
							<img src="img/img5.png" />
						</div>
					</div>
					<label for="Loadingpage">
						<div class="GetStarted">
							<div class="GetStarted_box">
								<img src="img/img6.png" />
							</div>
						</div>
					</label>
				</div>
			</div>
		</section>
		<!--加载页-->
		<section>
			<div class="Loadingpage">
				<div class="er_box">
					<input type="checkbox" name="Loadingpage" id="Loadingpage" value="" />
					<div class="er_content">
						<div class="er_content_hz">
							<div class="er_content_img">
								<img src="img/jiazaiye/jiazai_1.png" />
							</div>
							<div class="er_content_content1">
								<img src="img/jiazaiye/jiazai_9.png" />
							</div>
							<div class="er_content_content2">
								<img src="img/jiazaiye/jiazai_7.png" />
							</div>
							<div class="er_content_content3">
								<img src="img/jiazaiye/jiazai_3.png" />
							</div>
							<label for="erz">
								<div class="er_content_content4">
									<img src="img/jiazaiye/jiazai-_5.png" />
								</div>
							</label>
							<div class="er_content_content5">
								<img src="img/jiazaiye/jiazai_4.png" />
							</div>
							<div class="er_content_content6">
								<img src="img/jiazaiye/jiazai_6.png" />
							</div>
							<div class="er_content_content_bottoms">
								<img src="img/jiazaiye/jiazai_2.png" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--二-->
		<section>
			<div class="er">
				<div class="er_box">
					<input type="checkbox" name="erz" id="erz" value="" />
					<div class="er_content">
						<div class="er_content_hz">
							<div class="er_content_img">
								<img src="img/laogeye/laoge_bg.png" />
							</div>
							<div class="er_content_box">
								<div class="er_content_top">
									<img src="img/laogeye/laoge_deng.png" />
								</div>
								<div class="er_content_center">
									<div class="er_content_center_top">
										<img src="img/r&b/r&b_zit.png" />
									</div>
									<div class="er_content_center_bottom">
										<img src="img/r&b/r&b_che.png" />
									</div>
								</div>
								<div class="er_content_bottom">
									<div class="er_content_bottom_left">
										<label for="san">
											<div class="er_content_bottom_A">
												<img src="img/laogeye/laoge_A.png" />
											</div>
										</label>
										<label for="san">
											<div class="er_content_bottom_B">
												<img src="img/laogeye/laoge_B.png" />
											</div>
										</label>
										<label for="san">
											<div class="er_content_bottom_C">
												<img src="img/laogeye/laoge_C.png" />
											</div>
										</label>
									</div>
									<div class="er_content_bottom_right">
										<div class="er_content_bottom_right_shij">
											<img src="img/laogeye/laoge_daojishi.png" />
										</div>
										<div class="er_content_bottom_right_you">
											<img src="img/laogeye/laoge_xiayishou.png" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--三-->
		<section>
			<div class="san">
				<div class="er_box">
					<input type="checkbox" name="san" id="san" value="" />
					<div class="er_content">
						<div class="er_content_hz">
							<div class="er_content_img">
								<img src="img/laogeye/laoge_bg.png" />
							</div>
							<div class="Bdai">
								<div class="Bdai_Bdai">
									<img src="img/jinqu/jinqu_ziti.png" />
								</div>
								<div class="Bdai_box">
									<img src="img/jinqu/jinqu_renwu.png" />
								</div>
							</div>
							<div class="er_content_box">
								<div class="er_content_bottom">
									<div class="er_content_bottom_left">
										<label for="si">
											<div class="er_content_bottom_A">
												<img src="img/laogeye/laoge_A.png" />
											</div>
										</label>
										<label for="si">
											<div class="er_content_bottom_B">
												<img src="img/laogeye/laoge_B.png" />
											</div>
										</label>
										<label for="si">
											<div class="er_content_bottom_C">
												<img src="img/laogeye/laoge_C.png" />
											</div>
										</label>
									</div>
									<div class="er_content_bottom_right">
										<div class="er_content_bottom_right_shij">
											<img src="img/laogeye/laoge_daojishi.png" />
										</div>
										<div class="er_content_bottom_right_you">
											<img src="img/laogeye/laoge_xiayishou.png" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--四-->
		<section>
			<div class="si">
				<div class="er_box">
					<input type="checkbox" name="si" id="si" value="" />
					<div class="er_content">
						<div class="er_content_hz">
							<div class="er_content_img">
								<img src="img/laogeye/laoge_bg.png" />
							</div>
							<div class="Bdai">
								<div class="Bdai_Bdai">
									<img src="img/laogeye/laoge_deng.png" />
								</div>
								<div class="Bdai_box">
									<div class="Bdai_box_img1">
										<div class="Bdai_box_img1_hz">
											<img src="img/jingdian/jingdian_diban.png" />
										</div>
									</div>
									<div class="Bdai_box_img2">
										<div class="Bdai_box_img2_hz">
											<img src="img/jingdian/jingdian_bgren.png" />
										</div>
									</div>
									<div class="Bdai_box_img3">
										<div class="Bdai_box_img3_hz">
											<img src="img/jingdian/jingdian_danban1.png" />
										</div>
									</div>
									<div class="Bdai_box_img4">
										<div class="Bdai_box_img4_hz">
											<img src="img/jingdian/jingdian_danren.png" />
										</div>
									</div>
									<div class="Bdai_box_img5">
										<div class="Bdai_box_img5_hz">
											<img src="img/jingdian/jingdina_danban2.png" />
										</div>
									</div>
								</div>
							</div>
							<div class="er_content_box">
								<div class="er_content_bottom">
									<div class="er_content_bottom_left">
										<label for="wu">
											<div class="er_content_bottom_A">
												<img src="img/laogeye/laoge_A.png" />
											</div>
										</label>
										<label for="wu">
											<div class="er_content_bottom_B">
												<img src="img/laogeye/laoge_B.png" />
											</div>
										</label>
										<label for="wu">
											<div class="er_content_bottom_C">
												<img src="img/laogeye/laoge_C.png" />
											</div>
										</label>
									</div>
									<div class="er_content_bottom_right">
										<div class="er_content_bottom_right_shij">
											<img src="img/laogeye/laoge_daojishi.png" />
										</div>
										<div class="er_content_bottom_right_you">
											<img src="img/laogeye/laoge_xiayishou.png" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--五-->
		<section>
			<div class="wu">
				<div class="er_box">
					<input type="checkbox" name="wu" id="wu" value="" />
					<div class="er_content">
						<div class="er_content_hz">
							<div class="er_content_img">
								<img src="img/liuxing/liuixing_bg.jpg" />
							</div>
							<div class="er_content_box">
								<div class="er_content_top">
									<img src="img/liuxing/liuxing_ziti.png" />
								</div>
								<div class="er_content_center">
									<div class="er_content_center_top">
										<img src="img/liuxing/liuxing_nanren.png" />
									</div>
									<div class="er_content_center_bottom">
										<img src="img/liuxing/liuxing_nvren.png" />
									</div>
								</div>
								<div class="er_content_bottom">
									<div class="er_content_bottom_left">
										<label for="liu">
											<div class="er_content_bottom_A">
												<img src="img/laogeye/laoge_A.png" />
											</div>
										</label>
										<label for="liu">
											<div class="er_content_bottom_B">
												<img src="img/laogeye/laoge_B.png" />
											</div>
										</label>
										<label for="liu">
											<div class="er_content_bottom_C">
												<img src="img/laogeye/laoge_C.png" />
											</div>
										</label>
									</div>
									<div class="er_content_bottom_right">
										<div class="er_content_bottom_right_shij">
											<img src="img/laogeye/laoge_daojishi.png" />
										</div>
										<div class="er_content_bottom_right_you">
											<img src="img/laogeye/laoge_xiayishou.png" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--六-->
		<section>
			<div class="liu">
				<div class="er_box">
					<input type="checkbox" name="liu" id="liu" value="" />
					<div class="er_content">
						<div class="er_content_hz">
							<div class="er_content_img">
								<img src="img/yaogun/yaogun_bg.png" />
							</div>
							<div class="liu_box">
								<div class="liu_box_img">
									<img src="img/yaogun/yaogun_gurngz.png" />
								</div>
								<div class="liu_box_gew">
									<img src="img/yaogun/yaogun_geshou.png" />
								</div>
							</div>
							<div class="er_content_box">
								<div class="er_content_bottom">
									<div class="er_content_bottom_left">
										<label for="qi">
											<div class="er_content_bottom_A">
												<img src="img/laogeye/laoge_A.png" />
											</div>
										</label>
										<label for="qi">
											<div class="er_content_bottom_B">
												<img src="img/laogeye/laoge_B.png" />
											</div>
										</label>
										<label for="qi">
											<div class="er_content_bottom_C">
												<img src="img/laogeye/laoge_C.png" />
											</div>
										</label>
									</div>
									<div class="er_content_bottom_right">
										<div class="er_content_bottom_right_shij">
											<img src="img/laogeye/laoge_daojishi.png" />
										</div>
										<div class="er_content_bottom_right_you">
											<img src="img/laogeye/laoge_xiayishou.png" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--七-->
		<section>
			<div class="qi">
				<div class="er_box">
					<input type="checkbox" name="qi" id="qi" value="" />
					<div class="er_content">
						<div class="er_content_hz">
							<div class="er_content_img">
								<img src="img/yaogun/yaogun_bg.png" />
							</div>
							<div class="qi_yx">
								<img src="img/laogeye/laoge_deng.png" />
							</div>
							<div class="liu_box">
								<div class="liu_box_img">
									<img src="img/laogeye/laoge_yinx.png" />
								</div>
								<div class="liu_box_gew">
									<img src="img/laogeye/laoge_renwu.png" />
								</div>
							</div>
							<div class="er_content_box">
								<div class="er_content_bottom">
									<div class="er_content_bottom_left">
										<label for="ba">
											<div class="er_content_bottom_A">
												<img src="img/laogeye/laoge_A.png" />
											</div>
										</label>
										<label for="ba">
											<div class="er_content_bottom_B">
												<img src="img/laogeye/laoge_B.png" />
											</div>
										</label>
										<label for="ba">
											<div class="er_content_bottom_C">
												<img src="img/laogeye/laoge_C.png" />
											</div>
										</label>
									</div>
									<div class="er_content_bottom_right">
										<div class="er_content_bottom_right_shij">
											<img src="img/laogeye/laoge_daojishi.png" />
										</div>
										<div class="er_content_bottom_right_you">
											<img src="img/laogeye/laoge_xiayishou.png" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--结果-->
		<section>
			<div class="ba">
				<div class="er_box">
					<input type="checkbox" name="ba" id="ba" value="" />
					<div class="er_content">
						<div class="er_content_hz">
							<div class="er_content_img">
								<img src="img/jieguo/jieguo_bg.png" />
							</div>
							<div class="er_content_box">
								<div class="er_content_top">
									<img src="img/jieguo/jieguo_yonhum.png"/>
								</div>
								<div class="er_content_right">
									<img src="img/img1.png"/>
								</div>
								<div class="er_content_center">
									<img src="img/jieguo/jieguo_xunzhang.png"/>
								</div>
								<div class="er_content_caiz">
									<img src="img/jieguo/jieguo_caizhong1.png"/>
								</div>
								<div class="er_content_content">
									<img src="img/jieguo/jieguo_shijing.png"/>
								</div>
								<div class="er_content_Zctz">
									<img src="img/jieguo/jieguo_pengyou_tiaoz.png"/>
								</div>
								<div class="er_content_fx">
									<img src="img/jieguo/jieguo_fenxiang.png"/>
								</div>
								<div class="er_content_ph">
									<img src="img/jieguo/jieguo_paim.png"/>
								</div>
								<div class="er_content_py">
									<img src="img/jieguo/jieguo_piam2.png"/>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</body>

</html>